.terminalWrap{ float:right; width:800px;}
.terminalWrap .termTopTit{ height:36px; line-height:36px; padding-left:10px; font-size:16px; font-weight:bold; border-bottom:2px solid #0498d8}
.prodBox{ position:relative; height:86px; padding:20px; background:#f0f1f3; overflow:hidden; border:1px solid #e3e4e5}
.prodBox .prodPhoto{ float:left; width:125px; height:83px; text-align:center; overflow:hidden; font-size:0; border:1px solid #e6e7e8; background:#fff}
.prodBox .prodPhoto img{ width:100%;}
.prodBox .prodPhoto img.loading{ width:auto; display:inline-block; position:relative; top:25px;}
.prodBox .prodPhoto img.error{ display:none;}
.prod{ float:left; margin-left:20px; margin-top:3px;}
.prodDetail{ margin-bottom:7px;}
.prodDetail .col{ margin-right:30px; font-size:14px; font-weight:bold}
.prodListSelect{ width:350px; height:35px; line-height:35px; font-size:14px; border:1px solid #dcdcdc}
.lt-ie9 .prodListSelect{ height:22px}
.lt-ie8 .prodListSelect{ position:relative; top:2px;}
.prodListSelect option{ padding:4px 5px; height:35px; line-height:35px;}
.termContainer{ margin-top:15px;}
.termSearInp{ width:400px; height:24px; line-height: 24px; border:1px solid #dcdcdc; background:#fff; padding:5px; padding-left:8px;}
.termSearInp:focus{  color: #0797D9;}
.termSearBtn{ width:90px; height:36px; line-height:36px; text-align:center; color:#fff; cursor:pointer; padding:0; margin-left:3px; border:0 none; background:#0897d9}
.termSearBtn:hover{ background:#0d8ac4}
.ie8 .termSearBtn{ position:relative; top:-1px;}

.orderList{ margin-top:15px;}
.orderList .status{  line-height:50px; text-align:left; padding-left:10px;}
.orderList .status.loading .icon{ position:relative; top:12px; margin-right:5px;}
.orderList .orderItem{ margin-bottom:10px;}
.orderList .oTit{ position:relative; height:36px; line-height:36px; padding:0 35px 0 15px; border:1px solid #ddd; background:#f7f7f7;}
.orderList .oTit .flag{ position:relative; display:inline-block; float:right; height:20px; top:8px; line-height:20px; padding:0 10px; color:#fff; background:#f17848; margin-left:10px; border-radius:20px; }
.orderList .oTit .flag.overDate{ background:#f17848}
.orderList .oTit .flag.paytype{ background:#f17848}
.orderList .oTit .mobile{ margin-left:15px;}
.orderList .itemCon{ position:relative; padding-left:290px; border:1px solid #ededed; border-top:0 none; background:#fcfcfc}
.orderList .inCon{ padding:15px 35px 15px 15px; overflow:hidden}
.orderList .orderItem .ltCon{ position:absolute; top:0; left:0; bottom:0; width:255px; padding:10px; padding-left:15px; border-right:1px solid #ededed; background:#fff;}
.orderList .orderItem .ltCon .line{ height:28px; line-height:28px;}
.orderList .orderItem .ltCon .vhidden{ visibility:hidden; color:#fff}
.orderList .ticketUl{  }
.orderList .ticketLi{ overflow:hidden; margin-bottom:12px;}
.orderList .ticketLi .inpCtrol,.orderList .ticketLi .trnameCol{ float:right; margin-left:5px;}
.orderList .ticketLi .inpCtrol .tinp{ float:left; width:70px; height:40px; font-size:14px; font-weight:bold; line-height:40px; text-align:center; padding:0 5px; border:1px solid #e2e2e2; background:#fff}
.orderList .ticketLi .inpCtrol .zhang{ display:block; float:left; width:22px; height:40px; text-align:center; line-height:40px; border:1px solid #e2e2e2; border-left:0 none}
.orderList .ticketLi .trnameCol{ text-align:right}
.orderList .ticketLi .trnameCol .tname{ position:relative; right:-5px; margin-top:2px; font-size:14px; font-weight:bold}
.orderList .ticketLi .trnameCol .tnum{ font-weight:bold; color:#f17848; margin:0 2px;}
.orderList .ticketLi .trnameCol .vt{ margin:0 5px;}
.orderList .checkBtn{ float:right; display:inline-block; height:34px; margin-top:3px; line-height:34px; padding:0 50px; background:#ff7734; color:#fff;}
.orderList .checkBtn:hover{ text-decoration:none; background:#ff601a}
.orderList .checkBtn.disabled{ background:#ededed; color:#b8b8b8; cursor:default}
.orderList .checkBtn.success,.orderList .checkBtn.success:hover{ background:#3dba3f; color:#fff; cursor:default}
.orderList .checkBtn.success .iconfont{ position:relative; top:1px; margin-right:3px;}
.orderList .payTypeTip{ float:right; text-align:right; clear:right; margin-top:5px; color:#cf2e2e}
.orderList .errorTip{ float:right; margin-top:11px; margin-left:10px; color:red}

#prodBoxStatus{ position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; background:#f0f1f3; color:#333; line-height:115px;}
#prodBoxStatus .loading{ vertical-align:middle; margin-right:5px;}
.prodSearchInp{ width:345px; height:24px; line-height: 24px; border:1px solid #e0e0e0; padding:5px 10px; background:#fff;}


#prodListUl{ display:none; position:absolute; z-index:1000; width:365px; height:350px; overflow:auto; border:1px solid #e0e0e0; border-top:0 none; background:#fff}
#prodListUl .pItem{ height:34px; line-height:34px; padding:0 10px; overflow:hidden; border-bottom:1px dotted #e0e0e0; cursor:pointer;}
#prodListUl .pItem:hover{ background:#fafafa}
#prodListUl .pItem.select{ background:#fafafa}
#prodListUl .pItem.filter{ display:none}
#prodListUl .statusLi{ height:150px; line-height:150px; text-align:center}
#prodListUl .loading{ vertical-align:middle; margin-right:5px;}


#termDateInp{ width:160px; height:34px; line-height:34px; margin-left:4px; border:1px solid #e0e0e0; padding:0 10px; background:#fff;}

.termTimeWrap{ float:right; position:relative; width:88px; height:32px; margin-top:3px; margin-right:6px; border-radius:3px; background:#fff; padding:0 35px 0 5px; border:1px solid #e0e0e0}
.termTimeWrap .iconfont{font-size: 14px; position:absolute; top:6px; right:5px; cursor:pointer; color:#0897d9; }
.termTimeWrap .termTimeInp{ display:block; width:100%; height: 24px; line-height:24px; padding:3px; border:0 none; background:#fff}

.tabUl{ width:100%; overflow:hidden; border-bottom:2px solid #0897d9; margin-top:15px;}
.tabUl .tabLi{ float:left; width:120px; height:38px; line-height:38px; text-align:center; margin-right:20px; cursor:pointer}
.tabUl .tabLi.fast{ margin-left:23px;}
.tabUl .tabLi.active{ background:#0897d9; color:#fff; border-top-right-radius:3px; border-top-left-radius:3px;}

.tabPanelCon.fast .entryTop,.tabPanelCon.overdue .entryTop{ padding-top:15px;}
#fastTermInp{ width:400px; height:24px; border:1px solid #dcdcdc; background:#fff; padding:5px 5px 5px 8px;}
#fastTermBtn{ display:inline-block; width:90px; height:36px; line-height:36px; text-align:center; color:#fff; cursor:pointer; padding:0; margin-left:3px; border:0 none; background:#0897d9}
#fastTermBtn:hover{ text-decoration:none}


.keyEnterTip{ margin-left:5px; color:#a4a4a4}

#productListPage{ display:none;  position:absolute; top:0; left:0; right:0; bottom:0;}
#productListBox{ position:absolute; width:365px; height:400px; overflow:hidden; background:#fff; border:1px solid #dcdcdc; border-top:0 none}
#productListBox .searchBox{  padding:6px 8px 2px;}
#productListBox .searchBox .con{ position:relative; overflow:hidden; border:1px solid #dcdcdc; border-radius:3px;
    padding:4px 10px 2px 30px;
    -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.3);
    -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,.3);
    -ms-box-shadow:inset 1px 1px 1px rgba(0,0,0,.3);
    -o-box-shadow:inset 1px 1px 1px rgba(0,0,0,.3);
}
#productListBox .searchBox .searchIcon{ position:absolute; top:6px; left:9px;}
#productListBox .searchBox .searchInp{ display:block; width:100%; height:28px; padding:0; border:0 none;}
#productListBox .listWrap{ position:absolute; top:48px; left:0; right:0; bottom:2px; overflow:auto; border-top:1px solid #dcdcdc}
#productListBox .listUl li{ height:35px; line-height:35px; overflow:hidden; padding-left:8px; border-bottom:1px dotted #dcdcdc; cursor:pointer}
#productListBox .listUl li:hover{ background-color:#f7f7f7}